$--colors: ( "primary": ( "base": #409eff, ), "success": ( "base": #67c23a, ), "warning": ( "base": #e6a23c, ), "danger": ( "base": #f56c6c, ), "error": ( "base": #f56c6c, ), "info": ( "base": #909399, ), );
// 添加到自定义命名空间中，默认值为'el'
@forward "element-plus/theme-chalk/src/mixins/config.scss" with ( $namespace: "ep");
// 使用颜色
@forward "element-plus/theme-chalk/src/common/var.scss" with ( // do not use same name, it will override.
$colors: $--colors, $button-padding-horizontal: ("default": 20px));
// 导入所有
// @use "element-plus/theme-chalk/src/index.scss" as *;
// 自定义黑暗变量
@use "./dark.scss";
//全局文字颜色
.title-color {
    color: var(--ep-color-primary)
}

:root {
    --ep-color-hover-primary: rgba(255, 255, 0, 0.2);
    --ep-color-hover-success: rgba(255, 255, 0, 0.2);
    --ep-color-hover-warning: rgba(255, 255, 0, 0.2);
    --ep-color-hover-danger: rgba(255, 255, 0, 0.2);
    --ep-dialog-border-radius: 40px !important;
}

//自定义Loading动画
.ep-loading-spinner .circular {
    display: none !important;
}

.ep-loading-spinner {
    background: url('@/assets/gif/loading.gif') no-repeat;
    background-size: 100px 100px;
    width: 100%;
    height: 120px;
    background-position: center;
    top: 40% !important;
}

.ep-loading-text {
    padding-top: 120px;
    padding-left: 15px;
}

.ep-collapse {
    --ep-collapse-border-color: transparent !important;
}